<template>
  <div>
    <h1>Content</h1>
    <p>请求数据{{ message }}</p>
  </div>
</template>

<script>
export default {
  name: "Content",
  //事件总线第二步,:在接收数据的组件中,初始化给$bus绑定自定义事件(初始化就要绑定上,方便未来随时被调用)
  data() {
    return {
      message: "",
    };
  },
  mounted() {
    console.log(this, "Content");
    console.log(this.$bus, "Content的$bus");
    this.$bus.$on("getHeader", (message) => {
      console.log('"getHeader执行,接收的参数是:', message);
      this.message = message;
    });
  },
};
</script>

<style>
</style>